/*
 *
 *   CRRC - Responsive Admin Theme
 *   version 0.0.1
 *
*/
  /*清除浮动*/
  html{width:100%;height:100%;}
  .clearfix::before,
  .clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
  }
  
  .f_left {
    float: left;
  }
  
  .f_right {
    float: right;
  }
.loginscreen{position:relative;}
  .bg-01{background:url(../img/bg-02.png) no-repeat center;background-size:cover;}
  .crrc-logo{width:330px;height:340px;background:#ffffff;text-align:center;position:absolute;top:100px;left:80px;}
  .crrc-logo img{width:300px;height:300px;margin-top:20px;}
  .crrc-text{text-align:center;position:absolute;top:120px;left:500px;}
  .crrc-right{width:10px;height:90px;background:#ffffff;text-align:center;position:absolute;top:100px;right:70px;}
  .crrc-btn{
    text-align:center;
  width:150px;
  height:50px;
  line-height:50px;
  background:#C70019;
  display:block;
  position:absolute;
  color:#ffffff;
  right:80px; 
  top:600px;
  font-size:18px;
  z-index:9999;
  border:0;
  }
  .crrc-btnword{
    margin-right:10px;
  }
  .crrc-btn:hover{background:rgb(184, 2, 26);color:#ffffff;}
  .crrc-loginbox{width:350px;height:350px;background:#ffffff;padding:25px;}
  .crrc-leftlogo{width:350px;
    text-align:center;
    height:350px;background:#ffffff;border-right:1px solid #ebebeb;}
  .crrc-leftlogo img{width:260px;height:260px;margin-top:40px;}
  .crrc-bigbox{
    position: absolute;
    left:26.5%;
    right:0;
    bottom:0;
    margin:0 auto;
    top:200px;}
  .chunk-word-top{font-size:16px;color:#666;margin-top:10px;}
  .chunk-word-bottom{font-size:16px;color:#333333;}
/* index */
.chunk{
  float: left;
  min-width: 230px;
  width: calc(25% - 20px);
  padding: 20px;
  padding-right: 0;
  background: #fff;
  margin-right: 20px;
  margin-bottom:20px;
}
.chunk-bg01{
  background:#da9252;
}
.chunk-bg02{
  background:#Ec5768;
}
.chunk-bg03{
  background:#92B346;
}
.chunk-bg04{
  background:#B4B5B5;
}
  .chunk-iconson{
    text-align:center;
    width:56px;
    height:56px;
    border-radius: 28px;
    line-height:56px;
    display:block;
    margin-left:10px;
  }
  .chunk-iconson i{color:#ffffff;font-size:20px;}
  .crrc-box{
    min-height:300px;
    background:#ffffff;
    padding:20px;
  }
  .crrc-box-title
  {
    margin:2px 0px 10px 0px;
    font-size:18px;
  }
  .crrc-box-mini{display:block;}
  .crrc-box-min-l{height:70px;background:#FCE9E9;width:30%;display:block;text-align:center;line-height:70px;}
  .crrc-box-min-r{height:70px;width:69%;display:block;border:1px solid #f2f2f2;line-height:70px;font-size:16px;color:#666666;padding-left:20px;}
  /* crrc访客主页 */
  .crrc-bg{
    width:100%;
    height:100%;
    background:url(../img/crrc_bg.png) no-repeat center;
    background-size:cover;
  }
  .crrc-tlogo{
    position: absolute;
    width:646px;
    height:76px;
    top:80px;
    left:100px;
    z-index:888;
  }
  .crrc-tbox{
    position: absolute;
    top:150px;
    left:100px;
    z-index:889;
  }
  .crrc-timebox{
    position: absolute;
    bottom:100px;
    left:100px;
    z-index:889;
    color:#ffffff;
  }
  .crrc-btnbox{
    position: absolute;
    bottom:100px;
    right:100px;
    z-index:889;
    color:#ffffff;
  }
  .crrc-btnbox a{font-size:20px;text-decoration: none;
    width:150px;
    text-align:center;
    height:60px;
    line-height:60px;
    background:#C70019;color:#ffffff;
    border-radius: 6px;
  display:block;}
  .crrc-tbox-word{margin-top:30px;}
  .crrc-tbox-tt{width:1px;height:6px;border-left:2px solid #bdbdbd;}
  .crrc-tbox-word span{color:#bdbdbd;font-size:36px;margin:0 12px;}
  .crrc-btnbox a:hover{ background:rgb(184, 5, 29);color:#ffffff; text-decoration: none;}
  .crrc-timebox-time{font-size:50px;font-size:Arial;font-weight:bold;}
  .crrc-timebox-date{font-size:30px;font-size:Arial;}
  .crrc-tbox-titleEng{font-size:40px; color:#DBD6D6;font-size:Arial;border-bottom:0.5px solid #B4B5B5;padding-bottom:20px;letter-spacing: 6px;}
  .crrc-tbox-title{font-size:70px;font-weight: bold;color:#ffffff;padding-top:120px;letter-spacing: 14px;color:#fafafa;}

  @media screen and (min-width: 320px) and (max-width: 480px){
    /*!*iPhone 5*!*/
      .crrc-bigbox{
        position: absolute;
        left:8px;
        right:0;
        bottom:0;
        margin:0 auto;
        top:200px;
      }
      .crrc-loginbox{
        width:300px;
        height:350px;
        background:#ffffff;
        padding:25px;
      }
    }
    @media screen and (min-width: 375px) and (max-width: 627px){
        /*!*iPhone 6*!*/
        .crrc-bigbox{
          position: absolute;
          left:30px!important;
          right:0;
          bottom:0;
          margin:0 auto;
          top:200px;
        }
       }
    @media screen and (min-width: 414px) and (max-width: 736px){
        /*!*iPhone 6+ Portrait*!*/  
        .crrc-bigbox{
          position: absolute;
          left:14px;
          right:0;
          bottom:0;
          margin:0 auto;
          top:200px;
        } 
    }
    @media screen and (min-width: 737px){
        /*!*大屏*!*/
        #main{width:500px;}
      }
      @media screen and (max-width: 737px){
        /*!*大屏*!*/
        .chunk{
          float: left;
          min-width: 230px;
          width: 100%;
          padding: 20px;
          padding-right: 0;
          background: #fff;
          margin-right: 20px;
          margin-bottom:20px;
        }
        #main{width:300px;}
      }

  
  